<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的购物车-小米商城</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css">
	</head>
	<style>
		.gwcxqbj .gwcxd .top2 .sub_top .quanxuan {
			vertical-align: text-bottom;
		}
	</style>

	<body>
		<!-- start banner_x -->
		<div class="banner_x center">
			<a href="./index.html" target="_blank">
				<div class="logo fl"></div>
			</a>

			<div class="wdgwc fl ml40">我的购物车</div>
			<div class="wxts fl ml20">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</div>
			<div class="dlzc fr">
				<ul>
					<li>
						<a href="./login.html" target="_blank">登录</a>
					</li>
					<li>|</li>
					<li>
						<a href="./register.html" target="_blank">注册</a>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<div class="xiantiao"></div>
		<div class="gwcxqbj">
			<div class="gwcxd center">
				<div class="top2 center">
					<div class="sub_top fl">
						<input type="checkbox" value="quanxuan" class="quanxuan" id="quanxuan" />全选
					</div>
					<div class="sub_top fl">商品名称</div>
					<div class="sub_top fl">单价</div>
					<div class="sub_top fl">数量</div>
					<div class="sub_top fl">小计</div>
					<div class="sub_top fr">操作</div>
					<div class="clear"></div>
				</div>
				<div class="content2 center">
					<div class="sub_content fl ">
						<input type="checkbox" value="quanxuan" class="quanxuan" />
					</div>
					<div class="sub_content fl"><img src="./image/gwc_xiaomi6.jpg"></div>
					<div class="sub_content fl ft20">小米6全网通6GB内存+64GB 亮黑色</div>
					<div class="sub_content fl ">2499元</div>
					<div class="sub_content fl">
						<input class="shuliang" type="number" value="1" step="1" min="1">
					</div>
					<div class="sub_content fl">2499元</div>
					<div class="sub_content fl">
						<a class="rmove" href="#">×</a>
					</div>
					<div class="clear"></div>
				</div>
				<div class="content2 center">
					<div class="sub_content fl ">
						<input type="checkbox" value="quanxuan" class="quanxuan" />
					</div>
					<div class="sub_content fl"><img src="./image/gwc_xiaomi6.jpg"></div>
					<div class="sub_content fl ft20">小米6全网通6GB内存+64GB 亮黑色</div>
					<div class="sub_content fl ">2499元</div>
					<div class="sub_content fl">
						<input class="shuliang" type="number" value="1" step="1" min="1">
					</div>
					<div class="sub_content fl">2499元</div>
					<div class="sub_content fl">
						<a class="rmove" href="#">×</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="jiesuandan mt20 center">
				<div class="tishi fl ml20">
					<ul>
						<li>
							<a href="./liebiao.html">继续购物</a>
						</li>
						<li>|</li>
						<li>共<span class="length">2</span>件商品，已选择<span class="xuanze">0</span>件</li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="jiesuan fr">
					<div class="jiesuanjiage fl">合计（不含运费）：<span class="price">0.00元</span></div>
					<div class="jsanniu fr"><input class="jsan" type="submit" name="jiesuan" value="去结算" /></div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!--end footer -->
		<div class="foot">
			<div class="foot-top">
				<ul>
					<li>
						<img src="image/add.png" />
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<img src="image/seven.png" />
						<a href="#">7天无理由退货</a>
					</li>
					<li>
						<img src="image/five.png" />
						<a href="#">15天免费换货</a>
					</li>
					<li>
						<img src="image/you.png" />
						<a href="#">满150包邮</a>
					</li>
					<li>
						<img src="image/add.png" />
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="foot-middle">
				<div class="middle-left">
					<div class="middle-list">
						<ul>
							<li class="list-head">帮助中心</li>
							<li>
								<a href="#">账户管理</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">订单操作</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">服务支持</li>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">自助服务</a>
							</li>
							<li>
								<a href="#">相关下载</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">线下门店</li>
							<li>
								<a href="#">道恩之家</a>
							</li>
							<li>
								<a href="#">服务网点</a>
							</li>
							<li>
								<a href="#">零售网点</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关于道恩</li>
							<li>
								<a href="#">了解道恩</a>
							</li>
							<li>
								<a href="#">加入道恩</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关注我们</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">官方微信</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">特色服务</li>
							<li>
								<a href="#">礼物码</a>
							</li>
							<li>
								<a href="#">防伪查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle-right">
					<div class="middle-text">
						<span class="number">400-100-5678</span><br />
						<span>周一至周日 8:00-18:00</span><br />
						<span>(仅收市话费)</span><br />
						<span class="customer"><a href="#">24小时在线客服</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-0">
				<div class="footer-left">
					<div class="footer-img">
						<img src="image/logo_top.png" />
					</div>
					<div class="footer-p">
						<p>道恩商城|MIUI|米聊|多看书城|道恩路由器|视频电话|道恩天猫店|道恩淘宝直营店|道恩网盟|道恩移动|隐私政策|Select Region</p><br />
						<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-right">
					<!--<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png" />-->
				</div>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script>
			var length = $(".content2").length;
			$(".length").html(length);
			$(".quanxuan").change(function() {
				//如果点击的是全选的按钮
				if($(this).attr("id") == "quanxuan") {
					var check = $(this).is(':checked');
					if(check == true) {
						$(".quanxuan").prop("checked", true);
						$(".xuanze").html(length);
					} else {
						$(".quanxuan").prop("checked", false);
						$(".xuanze").html(0);
						$(".price").html("0.00 元");
					}
				} else {
					//点击的不是全选按钮
					
				}

			});
			$(".rmove").click(function(){
				var that = $(this).init.parentElement;
				console.log(that);
//				that.remove();
			})
		</script>
	</body>

</html>